  <template>
  <!-- Good friend -->
  <div class="LocalDownload">
    <div class="iconfont icon-peoples-copy"></div>
    <p>暂无好友，快去添加好友吧</p>
    <p @click="homepag">
      点击回到主页<span class="iconfont icon-xiangyou1"></span>
    </p>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    homepag() {
      this.$router.push("/recommend");
    },
  },
};
</script>
<style lang="less">
.LocalDownload {
  width: 80%;
  margin: 0 auto;
  padding: 50% 0;
  text-align: center;
  color: rgb(211, 211, 211);
  div {
    font-size: 30vh;
  }
  p {
    padding: 20px;
  }
}
</style>